require('../css/CourseTraining.less')
window.utils.namichref()
//-----------------------------------------
// 获取本地存储中的数据
let userID = JSON.parse(localStorage.getItem('users'))
//使用接口获取所有课程信息
window.$http.get(`/sports/allcourse`, function (res) {
	if (res.status == 0) {
		let arr = res.data.map(function (item) {
			return item.courseId
		})
		//使用接口保存用户选择的课程
		window.$http.post(
			'/sports/saveCourse',
			{
				userId: userID.userId,
				courseIds: arr,
			},
			function (res) {
				if (res.status === 0) {
					//使用接口获取训练课程列表
					window.$http.get(
						`/sports/courseList?id=${userID.userId}`,
						function (res) {
							if (res.status === 0) {
								// console.log(res.data)
								//获取新课程
								let arr = res.data.find(function (itme) {
									return itme.latest === 1
								})
								NewCurriculum(arr)
								//获取其他课程
								let arrs = res.data.filter(function (itme) {
									return itme.latest === 0
								})
								OtherCourses(arrs)
							}
						}
					)
				}
			}
		)
	}
})
//-----------------------------------------
//渲染新课程
function NewCurriculum(arr) {
	let str = `<a href="./CourseDetails.html?courseId=${arr.courseId}" class="LCContent">
					<img src="${window.$BASE_URL+arr.imgurl}" alt="" />
					<div>
						<p>${arr.name}</p>
						<span>${arr.desc}</span>
					</div>
				</a>`
	document.querySelector('#CourseRrendering').innerHTML = str
}
//渲染其他课程
function OtherCourses(arrs) {
	let str = ''
	arrs.forEach(function (item) {
		str += `<a  href="./CourseDetails.html?courseId=${item.courseId}" id="octent" style="background:url(${window.$BASE_URL+item.imgurl}) no-repeat ;">
						<p>${item.name}</p>
						<span>${item.desc}</span>
					</a>`
	})
    document.querySelector('#OtherCourses').innerHTML=str
}

window.utils.showuhdy(1)
